<%--
  Created by IntelliJ IDEA.
  User: zyxna
  Date: 2020/8/20
  Time: 10:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page isELIgnored="false" %>


<html>
<head>
    <title>Title</title>
    <style type="text/css">
        #fade {    /*遮罩层*/
            display:none;  /* 元素不可见*/
            position:absolute;  /*绝对定位*/
            top:0%;
            left:0%;
            width:100%;
            height:100%;
            background-color:black;
            z-index:1;  /*元素的堆叠顺序*/
            -moz-opacity:0.3;
            opacity:.3;   /*透明度*/
            filter:alpha(opacity=3);
        }
        #light{
            display:none;
            position:absolute;
            width:400px;
            top:50%;
            left:50%;
            margin:-220px 0 0 -200px;
            padding:0px;
            background-color:white;
            z-index:2;
            overflow:auto;
            border-radius: 5px;
        }
        #dv1{
            background-color: #3a3a3a;
            height: 60px;
            color: white;
            font-size: 18px;
            line-height: 60px;
        }
        #dv2{
            border-bottom: 1px solid gainsboro;
        }
        #dv3{
            text-align: center;
            padding-top: 7px;
        }
        .addForm{
            padding-top: 30px;
            text-align: center;
            font-size: 100%;
        }
        input,select{height: 40px; width: 270px;font-size: 90%}
        label{display: block;padding: 10px }
        .btn{ height: 35px; width: 70px;border: 0px; font-size: 100%;}
        #OKbt{background-color: #64b8f9; color: white}

    </style>
</head>
<body>
    <div id="light">
        <div id="dv1" name="head"><span style="margin-left: 30px">编辑仓库信息</span></div>

        <form action="wareHouseServlet?method=wareHouseUpdate&whId=${whSignl.warehouseId}" method="post" class="addForm">
            <div id="dv2" name="body" style="padding-bottom: 30px;">
                <label>
                    仓库名字:&nbsp;<input type="text" name="wareHouseName" placeholder="请输入仓库的名字"  value="${whSignl.warehouseName}">
                </label>
                <label>
                    仓库数量:&nbsp;<input type="number" min="0" name="wareHouseCap" placeholder="请输入仓库的容量"
                                      οnkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" οnblur="this.v();"
                                      value="${whSignl.warehouseCap}"
                >
                </label>
            </div>
            <div id="dv3" name="foot" >
                <button type="sumbit" id="OKbt1" class="btn" >确&nbsp;&nbsp;认</button>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="reset" id="closebt1" class="btn" >取&nbsp;&nbsp;消</button>
            </div>
        </form>
    </div>
    <div id="fade"></div>

</body>
</html>
<script type="text/javascript">
    window.onload=function(){
        var linkbt=document.getElementById("openbt");
        var light=document.getElementById('light');
        var fade=document.getElementById('fade');
        var dv1=document.getElementById('dv1');
        var closebt=document.getElementById("closebt");
        var OKbt=document.getElementById('OKbt');

        light.style.display='block';
        fade.style.display='block';

    }
</script>
